<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8" />
        <title>Admantium - Admin Control Panel</title>
        
        <!-- CSSs -->
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/960.css" />
        <link rel="stylesheet" href="css/icons.css">
        <link rel="stylesheet" href="css/tipsy.css">
        <link rel="stylesheet" href="css/formalize.css">
        <link rel="stylesheet" href="css/prettyPhoto.css">
        <link rel="stylesheet" href="css/jquery-ui-1.8.18.custom.css">
        <link rel="stylesheet" href="css/chosen.css">
        <link rel="stylesheet" href="css/ui.spinner.css">
        <link rel="stylesheet" href="css/jquery.jqplot.min.css" />
        <link rel="stylesheet" href="css/fullcalendar.css" />
        <link rel="stylesheet" href="css/jquery.miniColors.css" />
        <link rel="stylesheet" href="css/elrte.min.css" />
        <link rel="stylesheet" href="css/elfinder.css" />
        <link rel="stylesheet" href="css/main.css" />

        <!-- JAVASCRIPTs -->
        <!--[if lt IE 9]>
            <script language="javascript" type="text/javascript" src="js/jqPlot/excanvas.min.js"></script>
            <script language="javascript" type="text/javascript" src="js/html5shiv.js"></script>
        <![endif]-->
        <script src="js/jquery.js"></script>
        <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
        <script src="js/jquery.tipsy.js"></script>
        <script src="js/jquery.formalize.min.js"></script>
        <script src="js/jquery.modal.js"></script>
        <script src="js/prefixfree.min.js"></script>
        <script src="js/datables/js/jquery.dataTables.min.js"></script>
        <script src="js/jquery.prettyPhoto.js"></script>
        <script src="js/jquery.autogrowtextarea.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/jquery.fileinput.js"></script>
        <script src="js/chosen.jquery.min.js"></script>
        <script src="js/ui.checkBox.js"></script>
        <script src="js/ui.spinner.min.js"></script>
        <script src="js/jquery.loading.js"></script>
        <script src="js/jquery.path.js"></script>
        <script src="js/jqPlot/jquery.jqplot.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.pieRenderer.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.cursor.min.js"></script>
        <!-- # -->
        <script src="js/jqPlot/plugins/jqplot.highlighter.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.dragable.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.dateAxisRenderer.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.ohlcRenderer.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.trendline.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.barRenderer.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
        <script src="js/jqPlot/plugins/jqplot.pointLabels.min.js"></script>
        <!-- /# -->
        <script src="js/fullcalendar.min.js"></script>
        <script src="js/jquery.miniColors.min.js"></script>
        <script src="js/jquery.maskedinput-1.3.min.js"></script>
        <script src="js/jquery-ui-timepicker-addon.js"></script>
        <script src="js/elrte.min.js"></script>
        <script src="js/elfinder.min.js"></script>
        <script src="js/jquery.validate.min.js"></script>
        <script src="js/jquery.metadata.js"></script>
        <script src="js/main.js"></script>
        <script src="js/demo.js"></script>
    </head>
    <body>
        <!-- wrapper -->
        <div id="wrapper">
            <header>
                <div class="container_12">
                    <div class="grid_12">
                        <!-- navigation menu -->
                        <nav class="main-nav">
                            <ul>
                                <li class="active"><a href="dashboard.html" title="Dashboard"><span class="glyph cloud"></span> Dashboard</a></li>
                                <li>
                                    <a href="#" title="Elements"><span class="glyph archive"></span> Elements</a>
                                    <ul class="submenu">
                                        <li><a href="miscellaneous.html" title="Miscellaneous">Miscellaneous</a></li>
                                        <li><a href="form.html" title="Form">Form</a></li>
                                        <li><a href="notifications.html" title="Notifications">Notifications</a></li>
                                        <li><a href="icons.html" title="Icons">Icons</a></li>
                                        <li><a href="buttons.html" title="Buttons">Buttons</a></li>
                                        <li><a href="file-manager.html" title="File Manager">File Manager</a></li>
                                        <li><a href="calendar.html" title="Calendar">Calendar</a></li>
                                        <li><a href="960.html" title="960 Grid System">960 Grid System</a></li>
                                        <li><a href="boxes-and-typography.html" title="Boxes and Typography">Boxes and Typography</a></li>
                                    </ul>
                                </li>
                                <li><a href="gallery.html" title="Charts"><span class="glyph movie"></span> Gallery</a></li>
                                <li>
                                    <a href="#" title="Tables"><span class="glyph list"></span> Tables</a>
                                    <ul class="submenu">
                                        <li><a href="regular-tables.html" title="Regular Tables">Regular Tables</a></li>
                                        <li><a href="interactive-tables.html" title="Interactive Tables">Interactive Tables</a></li>
                                    </ul>
                                </li>
                                <li><a href="charts.html" title="Charts"><span class="glyph rating"></span> Charts</a></li>
                                <li><a href="login.html" title="Logout"><span class="glyph logout"></span> Logout</a></li>
                            </ul>
                        </nav>
                        <!-- /navigation menu -->

                        <!-- bar -->
                        <ul class="bar">
                            <li class="search">
                                <div>
                                    <form>
                                        <!-- the "L" value represents the icon, don't change -->
                                        <input type="submit" value="L" title="Click to search" class="tooltip glyph" />
                                        <input type="text" placeholder="What you want to search?" name="s" />
                                    </form>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="glyph opened-chat"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="glyph comment"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="glyph settings"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="edit profile" class="tooltip">
                                    <span class="glyph user"></span>
                                    <span class="text">admin</span>
                                </a>
                            </li>
                        </ul>
                    </div>                
                </div>
            </header>

            <section id="main">
                <div class="container_12">
                    <div class="grid_12" id="content-top">
                        <div id="logo">
                            <img src="img/logo.png" alt="logo" />
                        </div>
                        <nav>
                            <ul>
                                <li>
                                    <a href="error-page.html">
                                        <span class="glyph close"></span>
                                        Error Page
                                    </a>
                                </li>
                                <li>
                                    <a href="#myModal" class="modal">
                                        <span class="glyph open-in-new-window"></span>
                                        Modal
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="glyph zoom-in"></span>
                                        Quick Post
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="glyph terminal"></span>
                                        Quick Action
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>

                    <div id="content">
                        <div class="extension top inleft breadcrumbs">
                            <nav>
                                <ul>
                                    <li><a href="#">optional</a> <span class="divider"></span></li>
                                    <li><a href="#">bread</a> <span class="divider"></span></li>
                                    <li><a href="#">crumbs</a> <span class="divider"></span></li>
                                    <li><a href="#">here</a></li>
                                </ul>
                            </nav>
                        </div>

                    <!-- The modal -->
                    <div class="box grid_8" id="myModal" hidden>
                        <header>
                            <div class="inner">
                                <div class="left title">
                                    <h1>Modal</h1>
                                </div>
                                <div class="right">
                                    <a href="#" class="close">close</a>
                                </div>
                            </div>
                        </header>
                    
                        <div class="box-content">
                            <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit, sed diam nonummy nibh euismod <em>tincidunt</em> ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation <strong>ullamcorper suscipit</strong> lobortis nisl ut aliquip ex ea commodo consequat.</p>
                            <footer class="pane">
                                <a href="#" class="close bt red">Close modal</a>
                                <a href="#" class="bt blue">Custom button</a>
                            </footer>
                        </div>
                    </div>

                        <div class="main-box">
                            <!-- # Icons  -->
                            <header class="grid_12 head">
                                <h1>Icons</h1>
                                <span class="divider"></span>
                            </header>

                            <div class="grid_12">
                                <div class="box">
                                    <header>
                                        <div class="inner">
                                            <div class="left title">
                                                <h1>Icons in any size and color you want!</h1>
                                                <a href="http://www.justbenicestudio.com/studio/websymbols/" target="_blank">visit websymbols website »</a>
                                            </div>
                                            <div class="right">
                                                <a href="#" class="close">close</a>
                                            </div>
                                        </div>
                                    </header>
                                
                                    <div class="box-content">
                                        <ul class="iconlist">
                                            <li>
                                                <a href="#" class="tooltip" title="image">
                                                    <span class="glyph image"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="settings">
                                                    <span class="glyph settings"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="cloud">
                                                    <span class="glyph cloud"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="archive">

                                                    <span class="glyph archive"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="movie">
                                                    <span class="glyph movie"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="html-code">
                                                    <span class="glyph html-code"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="text">
                                                    <span class="glyph text"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="terminal">
                                                    <span class="glyph terminal"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="attachment">
                                                    <span class="glyph attachment"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="logout">
                                                    <span class="glyph logout"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="indent">
                                                    <span class="glyph indent"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="outdent">
                                                    <span class="glyph outdent"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="list">

                                                    <span class="glyph list"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="number-list">
                                                    <span class="glyph number-list"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="move">
                                                    <span class="glyph move"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="user">
                                                    <span class="glyph user"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="opened-lock">
                                                    <span class="glyph opened-lock"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="closed-lock">
                                                    <span class="glyph closed-lock"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="portrait-view">
                                                    <span class="glyph portrait-view"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="album-view">
                                                    <span class="glyph album-view"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="center">
                                                    <span class="glyph center"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="zoom-in">

                                                    <span class="glyph zoom-in"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="zoom-out">
                                                    <span class="glyph zoom-out"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="up">
                                                    <span class="glyph up"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="down">
                                                    <span class="glyph down"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="close">
                                                    <span class="glyph close"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="scale">
                                                    <span class="glyph scale"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="back">
                                                    <span class="glyph back"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="forward">
                                                    <span class="glyph forward"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="back-2">
                                                    <span class="glyph back-2"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="forward-2">

                                                    <span class="glyph forward-2"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="rotate">
                                                    <span class="glyph rotate"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="close-2">
                                                    <span class="glyph close-2"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="twitter">
                                                    <span class="glyph twitter"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="facebook">
                                                    <span class="glyph facebook"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="vkontakte">
                                                    <span class="glyph vkontakte"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="linked-in">
                                                    <span class="glyph linked-in"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="skype">
                                                    <span class="glyph skype"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="rss">
                                                    <span class="glyph rss"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="vimeo">

                                                    <span class="glyph vimeo"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="youtube">
                                                    <span class="glyph youtube"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="tumblr">
                                                    <span class="glyph tumblr"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="lettery">
                                                    <span class="glyph lettery"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="odnoklassniki">
                                                    <span class="glyph odnoklassniki"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="rss-2">
                                                    <span class="glyph rss-2"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="favorite">
                                                    <span class="glyph favorite"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="tag">
                                                    <span class="glyph tag"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="comment">
                                                    <span class="glyph comment"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="chat">

                                                    <span class="glyph chat"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="opened-chat">
                                                    <span class="glyph opened-chat"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="rating">
                                                    <span class="glyph rating"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="map-pin">
                                                    <span class="glyph map-pin"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="like">
                                                    <span class="glyph like"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="unlike">
                                                    <span class="glyph unlike"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="search">
                                                    <span class="glyph search"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="reblog">
                                                    <span class="glyph reblog"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="open-in-new-window">
                                                    <span class="glyph open-in-new-window"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="clock">

                                                    <span class="glyph clock"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="link">
                                                    <span class="glyph link"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="mail">
                                                    <span class="glyph mail"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="sort">
                                                    <span class="glyph sort"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="sort-2">
                                                    <span class="glyph sort-2"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="unfold">
                                                    <span class="glyph unfold"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="fold">
                                                    <span class="glyph fold"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="icon">
                                                    <span class="glyph icon"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="list-2">
                                                    <span class="glyph list-2"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="list-with-icons">

                                                    <span class="glyph list-with-icons"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="reply">
                                                    <span class="glyph reply"></span>
                                                </a>
                                            </li>
                                            <li>

                                                <a href="#" class="tooltip" title="reply-all">
                                                    <span class="glyph reply-all"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="forward-3">
                                                    <span class="glyph forward-3"></span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="tooltip" title="fullscreen">
                                                    <span class="glyph fullscreen"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="done">
                                                    <span class="glyph done"></span>
                                                </a>

                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="approved">
                                                    <span class="glyph approved"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="attention">
                                                    <span class="glyph attention"></span>

                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="tooltip" title="synchronize">
                                                    <span class="glyph synchronize"></span>
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <!-- /wrapper -->

        <footer>
            <div class="container_12">
                <p>&copy; Copyright 2012 - Your Company | Lead Developer - <a href="#" target="_blank">Your name</a></p>
            </div>
        </footer>
    </body>
</html>
